@import "../../../common/common.less";

.GNotificationDetail {
  .infoBox {
    margin: 0 12%;
    padding: 48px 0 24px 0;

    .infoItem {
      display: flex;
      align-items: center;
      margin-bottom: 24px;

      .infoItemTitle {
        flex: 0 0 80px;
        text-align: right;
        margin-right: 16px;
      }

      .infoItemContent {
        flex: 1;

        /deep/ .el-checkbox,  .el-radio{
          margin-right: 24px;
        }

        .editor {
          min-height: 300px;
        }
      }

      &.btnArea {
        .btn {
          margin-right: 24px;
        }
      }

      &.pushTarget {
        display: flex;
        align-items: flex-start;

        .infoItemContent {
          flex: 1;
          display: flex;

        }
      }

      &.desc {
        align-items: self-start;

        .editor {
          display: flex;
          flex-direction: column;

          /deep/ .ql-container {
            flex: 1;
          }
        }
      }

      &.verify {
        flex-direction: column;
        align-items: baseline;

        .inputArea {
          width: 100%;
          padding: 0 16px;
        }

        .btnArea {
          width: 100%;
          margin-top: 24px;
          padding: 0 16px;
          text-align: right;

          .btn {
            margin-left: 16px;
          }
        }
      }
    }
  }
}
